<script type="text/x-template" id="mediaitem-scroller-horizontal">
    <vue-horizontal ref="horizontal">
        <slot></slot>
        <mediaitem-square :key="item?.id ?? ''" :kind="kind" :item="item" v-for="item in items"></mediaitem-square>
    </vue-horizontal>
</script>

<script>
  Vue.component('mediaitem-scroller-horizontal', {
    template: '#mediaitem-scroller-horizontal',
    props: {
      'items': {
        type: Array,
        required: false
      },
      'kind': {
        type: String,
        required: false,
        defualt: ""
      }
    },
    data: function() {
      return {
        app: this.$root,
      }
    },
    mounted() {
      // this.$refs.horizontal.refresh()
    },
    methods: {}
  });
</script>
